<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>爬虫演示</title>
    <script src="js/jquery.js"></script>
    <script src="js/vue.js"></script>
</head>
<body>
<div id="app">
   <table>
       <tr align="center">
           <td colspan="2" style="text-align: center">{{text.title}}</td>
       </tr>
       <tr align="center">
           <td colspan="2" style="text-align: center">{{text.author}}</td>
       </tr>
       <tr v-for="info in text.info"><td colspan="2">{{info}}</td></tr>
   </table>
</div>

<script>
    var app=new Vue({
        el:"#app",
        data:{
           text:{}
        },
        mounted:function (){
            $.ajax({
                url:"http://localhost:80/ppx",
                type:"GET",
                success:function (data){
                    console.log(data)
                    app.text = data.data;
                }
            })
        }

    })
</script>
</body>
</html>